<div style="1px dashed #eee;padding:8px auto;margin:30px 0 50px 0;">
<div class="mui-content-padded" >	
	<h3 style="text-align:center;color:black;"><?php echo $article['book_tips'];?></h3>
		<form id="form" action="/mobile/guestbook/ajaxadd">
		<div>
			<label style="color:black;" style="margin:5px;">您的姓名:<em style="color:red;">*</em></label>
			<input type="text" name="realname"  id="realname" maxlength="5"  placeholder="(必填)请输入姓名" style="border:1px solid #DDDDDD;width:100%;height: 45px;">
		</div>
		<div>
			<label style="color:black;">手机号码:<em style="color:red;">*</em></label>
			<input type="tel" name="mobile" id="mobile" maxlength="11"  placeholder="(必填)请输入手机号码" style="border:1px solid #DDDDDD;width:100%;height: 45px;">
		</div>
		<div>
			<label style="color:black;">留言内容:</label>
			<textarea rows="4" placeholder="(选填)请填写您的留言内容" name="content" id="content" style="padding:10px;border:1px solid #DDDDDD;width:100%;"></textarea>
		</div>
		
		<div class="mui-button-row">
			<a id="liuyan" class="reward_access" href="javascript:void(0);" style="color: #fff;width:30%;">提  交</a>
		</div>
		
		<input name="article_id" id="" type="hidden" value="<?php echo $article['article_id'];?>">
		<input name="article_title" id="" type="hidden" value="<?php echo $article['title'];?>">
		<input name="network" id="network" type="hidden" value="">
		<input name="mobile_brand" id="mobile_brand" type="hidden" value="">
		
		</form>
</div>
</div>
<script>
//提交留言
	$(document).ready(function(){
		//获取手机型号
		var mobile_brand = getPhoneType();
		$("#mobile_brand").val(mobile_brand);
		
		$('#liuyan').click(function(){

			var article_id = "<?php echo $article['article_id'];?>";
			var realname = $('#realname').val();
			var mobile = $('#mobile').val();
			$("#network").val($("#networkType").val());
			if(!realname){
				showerror('请填写姓名');
				return false;
			}
			if(!isMobile(mobile)){
				showerror('请填写正确的手机号码');
				return false;
			}
			
			AjaxFormSubmit();

		});
	});
</script>
	